草庐IT

ionic 滚动条

全部标签

ruby - 绕过 Element 的方法无法滚动到 View 中 - Watir-webdriver with Ruby

因此,我们的页面中有以下代码:OnOff这是2个单选按钮。'开和关'。“关闭”是默认值。使用Watir-webdriver和Ruby,我们想要选择“打开”单选按钮。我们这样做:browser.radio(:id=>"HasRegistration_true").set但在这样做时,我们得到以下错误:`WebElement.clickElement':Elementcannotbescrolledintoview:[objectHTMLInputElement](Selenium::WebDriver::Error::MoveTargetOutOfBoundsError)我们知道Sele

ruby - 如何使用 watir 滚动网页

我正在尝试滚动网页以查找并单击滚动页面时延迟加载的内容。我正在使用以下命令require'watir-webdriver'@browser=Watir::new:firefox@browser.send_keys:space我在firefox上使用网络驱动程序,我在ubuntu上,但它不工作。在下面的ruby​​代码中,我试图向下滚动页面,直到找不到带有:id的元素。该元素正在延迟加载。几秒钟后我超时了,不知道下面的代码有什么问题。When/^deal(\d+)isloaded$/do|id|(0..5).eachdo|click|@browser.send_keys:spaceend

ruby - Selenium 滚动元素进入(中心) View

当一个元素在selenium的View之外并且试图与之交互时,selenium通常会首先隐式地将元素滚动到View中。这很棒,只是烦人的是它通常将元素放入View中。我的意思是,如果元素位于窗口下方,它会向下滚动足够多直到元素刚好与窗口边缘接壤。通常这很好,但是当在周围有边框的网站上工作时,这将导致许多此类错误Selenium::WebDriver::Error::UnknownError:unknownerror:Elementisnotclickableatpoint(438,747).Otherelementwouldreceivetheclick:...因为通常网页的边框都在它

javascript - 在上方和下方添加新内容时锁定滚动

我有一个用作新闻提要的meteor.js应用程序,可以发布话题,人们可以实时评论话题。这意味着当您查看帖子时,将在帖子上方和下方添加新评论,并且在上方添加新话题。这会将您正在关注的帖子向下推到视口(viewport)之外,这是意想不到的(除非您已经滚动到顶部)。更新滚动以在添加新内容时保持相同视觉中心的最佳方法是什么? 最佳答案 你可以试试这个方法:保存scrollTop值;在内容前添加内容(即,在关注的帖子上方添加新帖子);将新内容的高度添加到步骤1中保存的值;滚动到新值。这是一个例子:functionrandomString()

javascript - 更改 scrollTop 不会继续惯性滚动

我有一个包含可滚动内容的div,在某个scrollTop值返回到顶部。varcontainer=document.getElementById('container');functionscroll_function(){varnew_position_top=container.scrollTop;if(new_position_top>600){container.scrollTop=0;}}container.addEventListener('scroll',scroll_function);#container{width:300px;height:300px;overflo

javascript - 水平滚动的 SVG

我正在尝试用D3(https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js)做一个SVG图形,其中条形宽度是手动定义的,并且有一个水平滚动条..我这里有一个工作fiddlehttps://jsfiddle.net/bikrantsharma/zw264tfc/12/我的比例是这样定义的varbarWidth=30,paddingFactor=2.2,responsiveDIVHeight=300,responsiveDIVWidth=tempData.length*barWidth*paddingFactor;varx=d3.

javascript - 带有 ionic 搜索栏焦点的 ionic 触发模式打开功能 - 单击不起作用

我有一个ion-searchbar,单击它会打开一个模式。然而,目前click过程实际上需要两次点击,一次聚焦,一次打开模式。我试图将点击添加到它包含的ion-toolbar中,并尝试使用[disabled]="true"禁用ion-searchbar",但禁用的功能对ion-searchbar不可用。如何在无需双击的情况下触发新模式打开,并且焦点不会出现在原始搜索栏上?HTMLJSopenSearchModal(){letmyModal=this.modalCtrl.create(SearchmodalPage);myModal.present();} 最

javascript - 从 IONIC 3 的 Assets 文件夹下载 CSV 文件

我有一个demo-file.csv文件,它在assets/csv文件夹中,那么如何从手机下载它,这是我的HTML和组件代码。HTML代码DownloadDemoFile组件代码publicdownloadFile(link:any,fileName:any){if(link){letpath=null;this.showWaitingLoading();if(this.platform.is('ios')){path=this.file.documentsDirectory;}else{path=this.file.dataDirectory;}consttransfer=this.t

javascript - 如何检查滚动条是否可见?

我想在我的网站上显示一个“转到顶部”链接。只有在垂直滚动条可见时,该链接才应该可见。我如何使用JavaScript执行此操作?谢谢 最佳答案 你可以查看elem.clientHeight值,但它也取决于css属性 关于javascript-如何检查滚动条是否可见?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/2927963/

javascript - 谷歌地图 API;抑制 map 平移以启用页面滚动

我有一个移动网页,客户可以在其中通过表单提交或当前位置弹出窗口输入他们的邮政编码,然后找到附近的中心。响应包括这些中心的列表以及显示其位置的googlemap插入和指示列表中指示的中心的图钉。问题是map占用了页面上的大量空间。很难向下滚动到map下方的列表。我想禁用Googlemap上的平移功能,以便人们可以触摸map并上下滚动页面。但是,我不想完全抑制map上的所有触摸事件,因为我仍然希望人们能够单击图钉并查看与这些标记一起出现的弹出信息框。这就是为什么我认为静态图像实现可能不是可行的方法。这是页面的链接:http://cs.sandbox.millennialmedia.com/